    
    <div class="tags_add">
      <input type="text" name="add" id="add" />
      <input type="submit" onclick="tagadd(); return false;" name="add_button" id="add_button" value="Add" />
    </div>
    <br/>
    <div class="right edit">
      <h3>Please select tag to edit.</h3>
    </div>
    <br/>
    <div></div>
    <script type="text/javascript">
    $(document).ready(function(){
    });

    function select(tag) {
      if ( $(tag).find('a').html()=='→' ) {
        $('.tags .tag').removeClass('selected');
        $('.tags .tag a').show();
        $(tag).addClass('selected');
        $(tag).find('a').hide();
        //$('#seltag').html($(tag).attr('tag'));
        $('.edit').load('/panel/tag/?ajax=1&id='+$(tag).attr('id'));
      }
    }
    
    function swtch(tag) {
      if ( !$(tag).hasClass('selected') && $('.selected').length==1 ) {
      	var id = $(tag).attr('id');
        if ( $(tag).find('a').html()=='→' ) {
          $('.edit #names').append( tag );
          $(tag).find('a').html('←');
          var to = $('.selected').attr('id');
          $.ajax({
              url: '/panel/tag/?ajax=1&act=bind&id='+id+'&to='+to,
              dataType: "text" 
          });
        } else {
          $('.tags').append( tag );
          $(tag).find('a').html('→');
          $.ajax({
              url: '/panel/tag/?ajax=1&act=unbind&id='+id,
              dataType: "text" 
          });
        }
      }
	}

	function tagsave() {
		$("input#save").attr("disabled", true); 
		var id = $('.selected').attr('id');
		var param = "name="+encodeURIComponent( $("input#fname").val() );
		param += "&permalink="+encodeURIComponent( $("input#flink").val() );
        $.ajax({
            url: '/panel/tag/?ajax=1&act=edit&id='+id,
            data: param,
            dataType: "text", 
            type: "POST",
            success: function(){ $("input#save").attr("disabled", false); }
        });
        tagsreload();
	}

	function tagadd() {
		  var param = "name="+encodeURIComponent( $("input#add").val() );
		  $("input#add").val('');
	      $.ajax({
	        url: '/panel/tag/?ajax=1&act=add',
	        data: param,
	        dataType: "text", 
	        type: "POST",
	        success: function(){ tagsreload(); }
	      });
		}

	function tagdel( id ) {
	      $.ajax({
	        url: '/panel/tag/?ajax=1&act=del&id='+id,
	        dataType: "text", 
	        type: "get",
	        success: function(){ tagsreload(); }
	      });
		}

	function tagsreload(){
	  $('.tags').load('/panel/tags/?ajax=1');
	}
    </script>
